<template>
  <div class="btns">
    <div class="learn-more">了解更多</div>
  </div>
</template>

<style lang="sass" scoped>
@media screen and (max-width: 750px)
  .btns
    .learn-more
      width: 180px
      height: 32px
      line-height: 32px
      font-size: 16px
      border-radius: 4px
      text-align: center
      color: #F57033
      border: 1px #F57033 solid
@media screen and (min-width: 750px)
  .btns
    .learn-more
      width: 280px
      height: 52px
      line-height: 52px
      text-align: center
      font-size: 18px
      display: inline-block
      border-radius: 4px
      cursor: pointer
      color: #F57033
      border: 1px #F57033 solid
    .learn-more:hover
      @media screen and (min-width: 750px)
        background: #F5703330
</style>
